body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal
}

ol,ul,li {
	list-style: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal
}

abbr,acronym {
	border: 0
}

textarea,input {
	resize: none
}

button {
	overflow: visible;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
	cursor: pointer
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block
}

.clearfix {
	display: block
}

.ml0 {
	margin-left: 0
}

.mr0 {
	margin-right: 0
}

.mb5 {
	margin-bottom: 5px
}

.mb10 {
	margin-bottom: 10px
}

.mb15 {
	margin-bottom: 15px
}

.ptb5 {
	padding-top: 5px;
	padding-bottom: 5px
}

.pt10 {
	padding-top: 10px
}

.pb10 {
	padding-top: 10px
}

.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px
}

.pt5 {
	padding-top: 5px
}

.pd10 {
	padding: 10px
}

.tc {
	text-align: center
}

.fz12 {
	font-size: 12px
}

.fz18 {
	font-size: 18px
}

.fz21 {
	font-size: 21px
}

.fz24 {
	font-size: 24px
}

.fclb,.fclb a {
	color: #c8c2be
}

.fclb a:hover {
	color: #fff
}

.fcdb,.fcdb a {
	color: #968b81
}

.fcdb a:hover {
	color: #fff
}

.bs2 {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}

.o-h {
	overflow: hidden
}

.f-l {
	float: left
}

.f-r {
	float: right
}

.d-n {
	display: none
}

.d-b {
	display: block
}

.d-ib {
	display: inline-block;
	zoom: 1;
	*display: inline
}

.ta-c {
	text-align: center
}

.va-m {
	vertical-align: middle
}

.wp50 {
	width: 50%
}

.wp100 {
	width: 100%
}

.wx210 {
	width: 210px
}

.wx250 {
	width: 250px
}

.wx578 {
	width: 578px
}

.wx600 {
	width: 600px
}

.hx400 {
	height: 400px
}

.lh-s {
	line-height: 140%
}

.lh-m {
	line-height: 160%
}

.lh-l {
	line-height: 180%
}

.m-n {
	margin: 0
}

.m-m {
	margin: 10px
}

.m-l {
	margin: 20px
}

.mt-n {
	margin-top: 0
}

.mt-r1 {
	margin-top: -1px
}

.mt-l {
	margin-top: 20px
}

.mb-n {
	margin-bottom: 0
}

.mb-s {
	margin-bottom: 5px
}

.mb-m {
	margin-bottom: 10px
}

.mb-l {
	margin-bottom: 20px
}

.p-n {
	padding: 0
}

.p-s {
	padding: 5px
}

.p-m {
	padding: 10px
}

.p-l {
	padding: 20px
}

.p-xl {
	padding: 30px
}

.ptb-s {
	padding-top: 5px;
	padding-bottom: 5px
}

.ptb-m {
	padding-top: 10px;
	padding-bottom: 10px
}

.ptb-l {
	padding-top: 20px;
	padding-bottom: 20px
}

.fs-xs {
	font-size: 12px;
	line-height: 14px
}

.fs-s {
	font-size: 14px;
	line-height: 18px
}

.fs-m {
	font-size: 16px;
	line-height: 22px
}

.fs-l {
	font-size: 18px;
	line-height: 26px
}

.fs-xl {
	font-size: 20px;
	line-height: 30px
}

.fs-xxl {
	font-size: 22px;
	line-height: 34px
}

.c-w,a.c-w,a:hover.c-w {
	color: #fff
}

.c-lg,a.c-lg {
	color: #999
}

.c-o,a.c-o {
	color: #f26522
}

.b-w {
	background: #fff
}

.b-lg {
	background: #f9f9f9
}

.b-g {
	background: #7bb03e
}

.b-f-g {
	border: 1px solid #ccc
}

.b-t-g {
	border-top: 1px solid #efefef
}

.bs-l {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.bsi-l {
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1)
}

.br-s {
	border-radius: 2px
}

.button-default {
	height: 32px;
	width: 60px;
	line-height: 32px;
	margin-top: 30px
}

.button-default a {
	width: 60px;
	display: block;
	background: #fff;
	color: #7a4624;
	padding: 0 10px
}

@font-face {
	font-family: 'iconfont';
	src: url('/static/fonts/web/iconfont.eot');
	src: url('/static/fonts/web/iconfont.eot?#iefix')
		format('embedded-opentype'), url('/static/fonts/web/iconfont.woff')
		format('woff'), url('/static/fonts/web/iconfont.ttf')
		format('truetype'), url('/static/fonts/web/iconfont.svg#uxiconfont')
		format('svg')
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

body {
	font-family: Arial, "Hiragino Sans GB";
	font-size: 14px;
	color: #333;
	background: #f3f1ec;
	padding-top: 0
}

body a {
	color: #9b8878;
	text-decoration: none
}

body a:hover {
	color: #300
}

.content-block {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 0 10px
}

* html,html,html body {
	_background-image: url('about:blank');
	_background-attachment: fixed
}

.sl-fixed {
	position: fixed !important;
	z-index: 300
}

.sl-fixed-top {
	bottom: auto;
	top: 0;
	_bottom: auto;
	_top: expression(eval(document.documentElement.scrollTop) )
}

.sl-fixed-bottom {
	bottom: 0;
	top: auto;
	_bottom: auto;
	_top: expression(eval(document.documentElement.scrollTop + 
		 document.documentElement.clientHeight-this.offsetHeight- (  
		parseInt(this.currentStyle.marginTop, 10)||0 )-(parseInt(this.currentStyle.marginBottom, 10)||0
		) ) )
}

.sl-fixed-left {
	left: 0;
	right: auto;
	_position: absolute;
	_left: expression(eval(document.documentElement.scrollLeft) )
}

.sl-fixed-right {
	right: 0;
	left: auto;
	_right: auto;
	_left: expression(eval(document.documentElement.scrollLeft + 
		 document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0
		)-(parseInt(this.currentStyle.marginRight, 10)||0 ) )
}

.sl-fixed-top,.sl-fixed-right,.sl-fixed-bottom,.sl-fixed-left {
	_position: absolute !important
}

.hidden {
	display: none
}

.test-classname {
	color: #000
}

.head {
	background: #2fae85;
	height: 82px;
	width: 100%
}

.head .content-block {
	position: relative
}

.head .logo {
	float: left;
	margin-top: 5px
}

.head .logo a {
	display: block;
	height: 77px;
	width: 207px;
	text-indent: -999999px
}

.head .logo img{
	width:70%;
}

.head .video-logo {
	width: 150px;
	height: 82px;
	float: left;
	margin-right: 20px
}

.head .userbar {
	float: right;
	height: 82px
}

.head .userbar a {
	color: white;
	font-size: 14px;
	cursor: pointer
}

.head .userbar .login {
	display: none;
	float: right;
	padding-top: 22px
}

.head .userbar .login a {
	font-size: 12px;
	line-height: 18px
}

.head .userbar .login .username {
	font-weight: bold
}

.head .userbar .login img {
	width: 38px;
	height: 38px;
	margin: 0 10px 22px 0;
	float: left
}

.head .userbar .logout {
	line-height: 82px;
	float: right;
	text-align: right
}

.head a.exit {
	color: #333;
	padding: 0 0 0 1px;
	font-weight: normal
}

.head a.exit:hover {
	color: #8f8f8f
}

.v2_change {
	margin-bottom: 15px
}

.menu_list {
	float: left
}

.menu_list ul li {
	display: inline;
	float: left;
	line-height: 32px
}

.menu_list ul li a {
	font-size: 14px;
	color: #666;
	padding: 0 16px;
	display: block;
	background: url("/static/images/v2/bd-rt.png") no-repeat right
}

.menu_list ul .act {
	border-bottom: 4px solid #7a4624
}

.menu_list ul .act a {
	padding: 0 16px;
	color: #7a4624
}

.menu_list ul .no_border {
	background: 0
}

.v2_check {
	float: right;
	height: 32px;
	width: 120px;
	line-height: 32px
}

.v2_check a,.v2_check a:hover {
	width: 60px;
	text-align: center;
	font-size: 14px;
	color: #666
}

.v2_check .check_tie {
	float: left
}

.v2_check .write_tie {
	float: right;
	background: #ffd52b;
	color: #7a4624
}

.menu {
	font-family: "Microsoft YaHei", Arial, "Hiragino Sans GB";
	float: left;
	margin: 0 30px
}

.menu a {
	float: left;
	margin-right: 1px;
	padding: 0 14px;
	text-align: center;
	line-height: 82px;
	display: block;
	font-size: 16.5px;
	color: white;
	height: 82px;
}

.menu a:hover {
	border-bottom-color: #F3F1EC;
	background: #F3F1EC
}

.menu #highlight {
	border-bottom-color: #95EAD9
}

.menu .xiaoji {
	position: relative
}

.menu span {
	position: absolute;
	font-size: 9px;
	color: #fff;
	background: red;
	padding: 1px 4px;
	border-radius: 30px;
	line-height: 16px;
	top: 16px;
	right: -2px
}

.foot {
	width: 100%;
	background: #fff;
	border-bottom: 3px solid #ffc829;
	font-size: 12px;
	color: #333
}

.foot a {
	color: #6a5c4e
}

.foot a:hover {
	color: #000
}

.foot-nav {
	width: 940px;
	padding: 25px 0 5px 0;
	margin: 0 auto
}

.foot-nav-1,.foot-nav-2,.foot-nav-3,.foot-nav-4 {
	float: left;
	width: 25%
}

.foot-nav-1 h5,.foot-nav-2 h5,.foot-nav-3 h5,.foot-nav-4 h5 {
	margin: 0 0 15px 0;
	line-height: 100%;
	font-size: 14px;
	font-weight: bold
}

.foot-nav-1 ul,.foot-nav-2 ul,.foot-nav-3 ul,.foot-nav-4 ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.foot-nav-1 li,.foot-nav-3 li {
	float: left;
	margin: 0 20px 15px 0
}

.foot-nav-2 li,.foot-nav-4 li {
	margin: 0 0 15px 0
}

.foot-icon-download {
	padding: 0 48px 0 0;
	background: transparent
		url("../../../images/v2/download.png?v=2015-4-29") no-repeat scroll
		right center
}

.foot-icon-qq {
	padding: 0 0 0 30px;
	background: transparent url("../../../images/v2/qq.png?v=2015-4-29")
		no-repeat scroll left center
}

.foot-wechat .foot-icon-wechat {
	display: none
}

.foot-wechat:hover .foot-icon-wechat {
	display: block;
	width: 165px;
	height: 190px;
	position: absolute;
	z-index: 1000;
	margin: -208px 0 0 -70px;
	background: transparent url("/static/images/v2/wechat.png") no-repeat
		scroll left center
}

.foot-clear {
	clear: both
}

.foot-copyrights {
	clear: both;
	width: 940px;
	padding: 20px 0 30px 0;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #ddd
}

.foot-col-line {
	color: #999;
	margin: 0 5px 0 8px
}

body {
	padding-top: 0 !important
}

.main .col1 {
	width: 640px;
	float: left;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
	margin:50px 0 ; 
}

.main .col1 .block {
	background-color: #fff;
	clear: both;
	padding: 18px 20px
}

.main .col1 .content a,.main .col1 .content a:hover {
	color: #503e2c;
	text-decoration: none;
	cursor: text
}

.main .col1 .recommend h3 {
	height: 40px;
	width: 114px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: url("../../img/web_icon.png?v=2015-4-29") no-repeat 0 -59px;
	margin: 15px 0;
	font-size: 16px;
	text-align: center;
	line-height: 33px;
	color: #FFF
}

.main .baidu-sponsor {
	padding: 0 0 20px 0;
	clear: both
}

.comment-block {
	font-size: 12px;
	word-break: break-all;
	border-bottom: 1px solid #f4f2ef;
	position: relative;
	padding: 10px 0
}

.comment-block a.link {
	visibility: hidden
}

.comment-block .avatars {
	float: left;
	width: 45px;
	vertical-align: top
}

.comment-block .avatars img {
	width: 35px;
	height: 35px;
	border-radius: 35px
}

.comment-block .replay {
	width: 440px;
	float: left
}

.comment-block .replay .body {
	font-size: 14px;
	color: #404040;
	line-height: 1.6;
	word-wrap: break-word
}

.comment-block .userlogin,.comment-block .hostname,.comment-block .anomynous,.comment-block .manager
	{
	margin: 0 10px 0 0;
	font-size: 12px;
	display: block;
	font-weight: bold
}

.comment-block .userlogin {
	color: #9b8878
}

.comment-block .hostname {
	color: #bf4131
}

.comment-block .anomynous {
	color: #9b8878
}

.comment-block .manager {
	color: black
}

.comments-list .report {
	float: right;
	color: #ccc
}

.comment-clear {
	clear: both
}

.comments-wrap {
	margin-bottom: 20px;
	background-color: #fff;
	padding: 10px 20px 0;
	clear: both
}

.comment-wrap {
	padding: 10px 20px;
	background-color: #f2f2f2;
	margin-left: -20px;
	width: 600px;
	border-top: 1px solid #ddd
}

.comment-wrap .comments-area-form {
	position: relative
}

.comment-wrap .comment-area {
	width: 460px;
	padding: 5px;
	height: 20px;
	padding-right: 50px;
	box-shadow: none !important;
	border: 0 !important;
	background-color: #fff !important
}

.comment-wrap .comment-area:focus {
	outline: 0
}

.comment-wrap .comment-submit {
	background-color: #ffa015 !important;
	line-height: 31px !important;
	padding: 0 5px !important;
	height: 31px !important;
	display: block;
	width: 55px;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 999
}

.comment-wrap button.disabled {
	background-color: #999 !important;
	color: #fff !important
}

.comment-wrap .comment-limit-tips {
	position: absolute;
	left: 470px;
	bottom: 4px;
	z-index: 999
}

.comment-wrap .logout a {
	background-color: #ffa015 !important
}

.comments-num {
	color: #333;
	font-size: 18px;
	padding: 10px 0 10px;
	margin-bottom: 0
}

.fixed-comments {
	position: fixed;
	bottom: 0;
	border-top: 1px solid #ddd;
	z-index: 999;
	padding-left: 20px;
	padding-right: 20px;
	width: 600px
}

.comment-tips {
	font-size: 15px;
	color: #b7b0a3;
	text-align: center;
	background: #f4f2ef;
	line-height: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: -20px;
	margin-right: -20px;
	position: relative;
	display: none
}

.comment-tips span {
	margin-left: 20px
}

.comment-tips .comment-loading-img {
	-webkit-animation: spinlist 800ms infinite linear;
	position: absolute;
	left: 40%;
	width: 20px;
	height: 20px
}

.pagebar {
	text-align: center
}

.pageto {
	margin: 30px 0
}

.pageto a {
	padding: 10px 100px;
	background: #ffd52b;
	font-size: 14px;
	color: #333
}

.pageto .disabled {
	background: #e1e1e1 !important;
	color: #999 !important
}

.pageto .prev {
	margin-right: 10px
}

.pagenumber {
	margin: 0 0 20px 0;
	word-wrap: break-word;
	line-height: 120%
}

.pagenumber a {
	padding: 4px;
	font-size: 12px;
	color: #999;
	text-decoration: underline
}

.pagenumber a:hover {
	background: #fff;
	color: #333;
	text-decoration: none
}

.pagenumber .current {
	background: #ffd52b;
	color: #333;
	text-decoration: none
}

.pager-wrapper .pager-btn {
	z-index: 99 !important
}

.history-block {
	background: #FFF;
	width: 300px
}

.history-block .month {
	padding: 10px;
	background: #77b8ee;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
	color: #fff
}

.history-block .month select {
	font-size: 14px
}

.history-block .week {
	font-size: 10px;
	color: #7d7d7d;
	padding: 0 10px
}

.history-block .week span {
	height: 26px;
	width: 40px;
	text-align: center;
	line-height: 26px;
	display: inline-block;
	zoom: 1;
	*display: inline
}

.history-block .day {
	padding: 0 0 10px 10px
}

.history-block .day a {
	float: left;
	height: 24px;
	width: 40px;
	line-height: 24px;
	text-align: center;
	color: #503e2c;
	border-radius: 4px
}

.history-block .day a:hover {
	background: #ebebeb;
	color: #000
}

.history-block .day a.today {
	color: #fff;
	background: #77b8ee;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset
}

.history-block .day a.noart:hover {
	color: #ebebeb;
	background: #fff
}

.history-block .day .on,.history-block .day .off {
	background: #fff
}

.history-block .day .off a,.history-block .day .noart {
	color: #ebebeb;
	cursor: default
}

.col1 .history-nv {
	background: #fff;
	padding: 15px;
	font-size: 16px;
	line-height: 38px
}

.col1 .history-nv .post-number {
	background-color: #77b8ee;
	color: #FFF;
	font-weight: bold;
	padding: 2px 10px 2px 9px;
	margin: 0 6px;
	border-radius: 40px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset
}

.col1 .history-nv .date {
	font-size: 15px;
	color: #503e2c
}

.col1 .history-nv .random {
	float: right;
	background-color: #fdcc22;
	color: #fff;
	text-shadow: 2px 2px 2px #fcaa00;
	text-align: center;
	width: 88px;
	height: 38px
}

.sign .logo {
	padding: 80px 0 10px 0
}

.sign .logo a {
	background: url("../../img/web_icon.png?v=2015-4-29") no-repeat 0 -188px;
	height: 72px;
	width: 250px;
	display: block;
	margin: 0 auto auto
}

.sign .block {
	width: 250px;
	padding: 20px;
	margin: 0 auto;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
}

.sign .note {
	line-height: 180%;
	margin: 20px 0 0 0;
	text-align: center
}

.sign .note a {
	text-decoration: underline
}

.sign #reginfo {
	display: none
}

.sign label,.sign #remember_me {
	display: none
}

.sign input {
	padding: 9px;
	width: 230px;
	font-size: 14px;
	margin: 0 0 15px 0
}

.sign input:-moz-placeholder {
	color: #e6dfd5
}

.sign input::-webkit-input-placeholder {
	color: #e6dfd5
}

.sign #password,.sign #user_password_confirmation {
	font-family: Verdana, Geneva, sans-serif
}

.sign .placeholder {
	color: #e6dfd5
}

.sign button,.sign .notify-success a {
	font-size: 14px;
	padding: 9px;
	width: 100%;
	background-color: #f1ede3;
	border-radius: 4px;
	box-shadow: 0 1px 0 #fff inset, 0 1px 1px rgba(0, 0, 0, 0.05);
	border: 1px solid #b6a391;
	cursor: pointer;
	color: #503e2c;
	text-shadow: 0 1px 0 #fff
}

.sign button:hover,.sign .notify-success a:hover {
	color: #814d1a;
	background-color: #feda71;
	border: 1px solid #d6982f;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 1px
		rgba(0, 0, 0, 0.2)
}

.sign button:active,.sign .notify-success a:active {
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset
}

.sign .notify-success {
	background-color: #ece5d8;
	position: absolute;
	z-index: 1000;
	display: block;
	width: 250px;
	height: 310px;
	padding: 60px 100px 0 0;
	font-size: 14px;
	text-align: center
}

.sign .notify-success a {
	width: 40%
}

.sign .notify-success p {
	line-height: 160%;
	margin: 0 0 20px 0
}

.sign .notify-error {
	color: #ff3a00;
	text-align: center;
	margin: 0 0 20px 0
}

.sign .verifi-failed {
	background: url("../../img/web_icon.png?v=2015-4-29") no-repeat -220px 0
}

.sign .verifi-success {
	background: url("../../img/web_icon.png?v=2015-4-29") no-repeat -200px 0
}

.sign .verifi-success,.sign .verifi-failed {
	vertical-align: middle;
	height: 20px;
	width: 20px;
	margin: 0 4px 0 0
}

.sign #insertinvitation_code,.sign #insertlogin,.sign #insertemail,.sign #insertp1,.sign #insertp2
	{
	display: block;
	color: #9b8878;
	font-size: 12px;
	clear: right;
	float: right;
	position: absolute;
	margin: -42px 0 0 260px;
	_margin: 9px 0 0 9px
}

.signin-box {
	display: none;
	height: 500px;
	background: #fff;
	color: #333;
	font-size: 14px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
	border-radius: 3px
}

.sigin-left {
	float: left;
	margin: 44px 55px 0 55px
}

.social-signin-heading {
	margin-bottom: 22px;
	color: #5e5e5e;
	font-size: 15px
}

.signin-account {
	margin-bottom: 20px;
	border-bottom: 1px solid #f2f2f2
}

.signin-account .social-btn {
	display: block;
	text-align: center;
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	border-radius: 3px
}

.social-wechat {
	background: url("/static/images/wechat.png") no-repeat;
	background-color: #62cf69;
	background-position: 0 -2px;
	margin-bottom: 10px
}

.social-wechat:hover {
	color: #fff
}

.social-qq {
	background: url("/static/images/QQ.png") no-repeat;
	background-color: #2fa2d7;
	background-position: 0 -2px;
	margin-bottom: 20px
}

.social-qq:hover {
	color: #fff
}

.social-weibo {
	background: url("/static/images/weibo.png") no-repeat;
	background-color: #e24f48;
	background-position: 0 -2px;
	margin-bottom: 10px
}

.social-weibo:hover {
	color: #fff
}

.signin-section {
	border: 1px solid #e6e6e6;
	margin-bottom: 17px;
	padding: 1px
}

.form-input {
	color: #d2d2d2;
	font-size: 14px !important;
	padding: 11px !important;
	display: block;
	margin-top: -1px;
	border: 0 !important;
	border-top: 1px solid #e6e6e6 !important;
	width: 100%;
	background-color: #fff;
	margin-right: 0;
	width: 274px !important
}

.form-input:focus {
	color: #343434;
	outline: 0;
	box-shadow: none
}

.form-input-first {
	border-top: 0 !important
}

.form-submit {
	background-color: #fbbf2f;
	font-weight: bold;
	color: #fff;
	padding: 8px 0;
	border-radius: 2px !important;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 16px
}

.signin-error {
	display: none;
	margin: 0 0 10px;
	color: red
}

.signin-foot {
	width: 300px;
	font-size: 14px;
	border-top: 0;
	padding: 0;
	text-align: left
}

.signin-foot a {
	color: #d3d3d3;
	text-decoration: underline;
	padding: 0 !important;
	margin-right: 15px
}

.signin-foot a:hover {
	background-color: transparent !important;
	color: #999 !important
}

.signin-foot a.fetch-password {
	padding-right: 15px !important
}

.signin-form,.signin-account {
	margin-bottom: 14px;
	width: 300px
}

.signin-form input,.signin-form button {
	font-size: 18px
}

.signin-form input {
	width: 220px;
	margin: 0 6px 0 0
}

.sigin-right {
	float: left;
	width: 385px;
	height: 500px;
	background: #f8f7f6
}

.sigin-right img {
	margin: 89px 62px 18px
}

.sigin-right span {
	text-align: center;
	color: #9b9b9b;
	font-size: 15px;
	display: block
}

.ipt-gray {
	box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.06);
	background: #f8f8f8
}

.btn-green {
	color: #fff;
	background: #7bb03e;
	border-color: #7bb03e
}

.btn-green:hover {
	background: #360;
	border-color: #360
}

#tagcloud span {
	padding-right: 3px
}

#tagcloud span a {
	line-height: 38px;
	text-decoration: none
}

.tag_level1 a {
	color: #fff;
	font-size: 38px;
	font-weight: 700;
	background: #91c21c
}

.tag_level2 a {
	font-size: 28px;
	color: #f79e1c;
	padding: 1px
}

.tag_level3 a {
	font-size: 20px
}

.tag_level4 a {
	font-size: 14px
}

.brown {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #6a5c4c;
	background: #f1ede3;
	background: -moz-linear-gradient(top, #f7f3ee, #f1ede3);
	background: -webkit-linear-gradient(top, #f7f3ee, #f1ede3);
	border: 1px solid #c6baa2;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	zoom: 1;
	*display: inline
}

.brown:hover {
	color: #503e2c;
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #f7f3ee);
	background: -webkit-linear-gradient(top, #fff, #f7f3ee);
	border: 1px solid #a39475;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.brown:active {
	color: #503e2c;
	background: #e7e2d6;
	border: 1px solid #a39475;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset
}

.bule {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #6ba1fa;
	background: -moz-linear-gradient(top, #6ba1fa, #417bd8);
	background: -webkit-linear-gradient(top, #6ba1fa, #417bd8);
	border: 1px solid #417bd8;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	zoom: 1;
	*display: inline
}

.bule:hover {
	background: #80b5fb;
	background: -moz-linear-gradient(top, #80b5fb, #599df2);
	background: -webkit-linear-gradient(top, #80b5fb, #599df2);
	border: 1px solid #417bd8;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.bule:active {
	background: #4787ed;
	border: 1px solid #417bd8;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset
}

.content-block {
	width: 960px;
	margin: 0 auto
}

.user-info {
	width: 960px;
	margin: 0 auto
}

.user-info span {
	margin: 0 auto;
	display: block;
	width: 960px;
	margin-top: 38px;
	margin-bottom: 28px;
	text-align: center;
	color: #af865a;
	font-size: 24px
}

.content-block .user-photo {
	display: block;
	margin: 0 auto 15px;
	height: 200px;
	width: 200px;
	border-radius: 100%
}

.up-photo {
	margin: 0 auto;
	background: #fff;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #343434;
	font-size: 12px;
	width: 206px;
	position: relative;
	overflow: hidden
}

.up-photo span {
	margin-left: 6px
}

.up-photo img {
	margin-bottom: -3px
}

.up-photo input {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 100px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity =   0);
	cursor: pointer
}

.user-name-container {
	margin-left: -12px;
	text-align: center
}

.user-name {
	margin-top: 23px;
	color: #d2d2d2;
	width: 298px;
	height: 42px;
	padding-left: 2px
}

.user-name:focus {
	color: #343434
}

.user-register {
	width: 300px;
	height: 44px;
	text-align: center;
	display: block;
	font-size: 18px;
	color: #fff;
	background: #fbbf2f;
	margin: 0 auto 30px;
	font-weight: bold;
	line-height: 44px
}

.user-star {
	color: #f00;
	margin-right: 5px
}

.error-info {
	font-size: 12px;
	text-align: left;
	width: 298px;
	margin-left: 12px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	height: 41px;
	line-height: 41px;
	color: #d9533b
}

.upload-tips {
	font-size: 12px;
	margin: 10px 0 12px 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
	color: #343434;
	text-align: center;
	width: 960px
}

.main .col2 {
	float: left;
	position: static;
	width: 300px;
	margin: 20px 0 0 0;
	font-size: 12px
}

.col2 a {
	color: #6a5c4e
}

.col2 a:hover {
	color: #000
}

.shopwindow {
	width: 300px;
	height: 250px;
	margin: 0 0 15px 0;
	background: #fff
}

.sidebar-tutorial {
	margin: 15px 0 20px 0
}

.sidebar-tutorial-keyboard {
	float: left;
	width: 140px;
	height: 40px;
	margin: 0 10px 0 0;
	background: transparent url("../../../images/v2/ctrld.png?v=2015-4-29")
		no-repeat scroll left center
}

.sidebar-tutorial-text {
	float: left;
	width: 150px;
	font-size: 12px;
	line-height: 160%
}

.sidebar-hot {
	margin: 0 0 10px 0
}

.sidebar-hot h3,.sidebar-tag h3,.sidebar-tutorial h3 {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	border-left: 4px solid #fccb33
}

.sidebar-hot ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.sidebar-hot li {
	float: left;
	width: 146px;
	margin-bottom: 15px;
	line-height: 150%
}

.sidebar-hot img {
	width: 146px;
	height: 146px;
	margin: 0 0 5px 0;
	vertical-align: bottom
}

.sidebar-tag {
	margin: 0 0 15px 0
}

.sidebar-tag-block a {
	float: left;
	margin: 0 7px 7px 0;
	padding: 4px 7px;
	background: #fff
}

.sidebar-hot ul {
	margin-right: -7px
}

.sidebar-hot li {
	overflow: hidden;
	margin-right: 7px;
	height: 136px;
	margin-bottom: 15px
}

.sidebar-hot li span {
	display: block;
	width: 146px;
	height: 116px;
	overflow: hidden
}

.sidebar-hot li p {
	padding: 4px 0 13px;
	text-align: center;
	font-size: 12px;
	color: #524d47;
	line-height: 150%
}

.sidebar-hot img {
	background-color: #e3e1de
}

.sidebar-hot-art {
	margin: 0 -7px 10px 0
}

.sidebar-hot-art h5 {
	padding-bottom: 10px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #e2e1dc;
	font-weight: bold
}

.sidebar-row {
	clear: both;
	margin: 10px 0;
	height: 74px;
	border-bottom: 1px solid #e2e1dc
}

.sidebar-row-text {
	font-size: 12px;
	color: #524d47;
	line-height: 150%
}

.sidebar-row-text:hover {
	text-decoration: underline
}

.sidebar-row-pic img {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 16px
}

.stats {
	font-size: 12px;
	color: #999;
	margin: 20px 0 10px 0
}

.stats a {
	color: #999
}

.stats i {
	font-style: normal
}

.stats-tag {
	float: right
}

.stats-buttons {
	font-size: 12px;
	height: 30px !important
}

.stats-buttons .disable {
	cursor: default;
	text-decoration: none
}

.stats-buttons ul li {
	float: left;
	margin-right: 5px;
	margin-right: 20px\9  !important;
	text-align: center
}

.stats-buttons ul li a {
	display: block;
	text-align: center
}

.stats-buttons ul li i {
	font-size: 24px;
	-webkit-text-stroke-width: .2px;
	color: #b5b5b5
}

.stats-buttons .up a {
	background-image: none !important
}

.stats-buttons .up .voted i {
	color: #ffa015
}

.stats-buttons .down a {
	background-image: none !important
}

.stats-buttons .down .voted i {
	color: #a6c900
}

.stats-buttons .voted a i {
	color: #ffa015
}

.stats-buttons .comment {
	background-image: none !important
}

.stats-buttons li.up a,.stats-buttons li.down a,.stats-buttons li.comments a
	{
	transform: scale3d(0.5, 0.5, 0.5);
	-o-transform: scale3d(0.5, 0.5, 0.5);
	-moz-transform: scale3d(0.5, 0.5, 0.5);
	-ms-transform: scale3d(0.5, 0.5, 0.5);
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	-webkit-transition: all .1s;
	transition: all .1s;
	padding-top: 10px;
	margin-top: -20px;
	margin-left: -10px;
	margin: 0\9  !important;
	padding-top: 0\9  !important
}

.stats-buttons li.up a i,.stats-buttons li.down a i,.stats-buttons li.comments a i
	{
	font-size: 52px !important;
	font-size: 24px\9  !important
}

.stats-buttons li.up a:hover,.stats-buttons li.down a:hover,.stats-buttons li.comments a:hover
	{
	transform: scale3d(0.8, 0.8, 0.8);
	-o-transform: scale3d(0.8, 0.8, 0.8);
	-moz-transform: scale3d(0.8, 0.8, 0.8);
	-ms-transform: scale3d(0.8, 0.8, 0.8);
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	-webkit-transition: all .1s;
	transition: all .1s
}

.stats-buttons li.up a:active,.stats-buttons li.down a:active,.stats-buttons li.comments a:active
	{
	transform: scale3d(0.5, 0.5, 0.5);
	-o-transform: scale3d(0.5, 0.5, 0.5);
	-moz-transform: scale3d(0.5, 0.5, 0.5);
	-ms-transform: scale3d(0.5, 0.5, 0.5);
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	-webkit-transition: all .1s;
	transition: all .1s
}

.article .thumb {
	margin: 10px 0
}

.article .content {
	word-break: break-all;
	line-height: 160%;
	margin-bottom: 10px
}

.article .tags {
	margin: 0 3px 0 0
}

.author {
	margin: 0 0 17px;
	clear: both
}

.author a {
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px
}

.author img {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	padding: 0;
	margin-right: 10px
}

#vote-ani {
	line-height: 0;
	position: absolute;
	display: none;
	font-weight: 700;
	margin: 0;
	padding: 0
}

#vote-ani.pos {
	color: red
}

#vote-ani.neg {
	color: blue
}

.disabled {
	background-color: #efefef !important;
	color: #ddd !important
}

.post-readme {
	color: #666
}

.post-readme h3 {
	font-size: 16px;
	padding: 0 0 20px 0
}

.post-readme ol li {
	padding: 20px 0;
	border-top: 1px solid #efefef;
	list-style-position: inside;
	list-style-type: decimal;
	line-height: 140%
}

.single-clear {
	clear: both
}

#single-next-link {
	cursor: url("/static/images/v2/right.cur?v=2015-4-29"), auto
}

.stats-buttons {
	float: left
}

.single-share {
	float: right;
	margin: 6px 0 0 0
}

.single-share-text {
	float: left;
	margin: 11px 0 0 -50px;
	font-size: 12px;
	color: #999
}

.jiathis_txt {
	color: #999;
	font-family: Arial, "Hiragino Sans GB"
}

.article-bar {
	margin: 30px 0;
	text-align: center
}

.article-bar a {
	padding: 10px 100px;
	color: #333;
	font-size: 14px;
	background-color: #ffd52b
}

.article-bar .pager-next {
	margin-left: 10px
}

.tip-twitter {
	z-index: 1000;
	text-align: left;
	padding: 5px 10px;
	max-width: 300px;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	background-color: #333
}

.tip-twitter a,.tip-twitter .anomynous {
	color: #CCC
}

.tip-twitter .tip-arrow-top {
	margin-top: -5px;
	margin-left: -5px;
	top: 0;
	left: 50%;
	width: 9px;
	height: 5px;
	background: url("../../img/web_icon.png?v=2015-4-29") no-repeat 0 -100px
}

.tip-twitter .tip-arrow-right {
	margin-top: -4px;
	margin-left: 0;
	top: 50%;
	left: 100%;
	width: 5px;
	height: 9px;
	background: url("../../img/web_icon.png?v=2015-4-29") no-repeat -9px
		-100px
}

.tip-twitter .tip-arrow-bottom {
	margin-top: 0;
	margin-left: -5px;
	top: 100%;
	left: 50%;
	width: 9px;
	height: 5px;
	background: url("../../img/web_icon.png?v=2015-4-29") no-repeat -18px
		-100px
}

.tip-twitter .tip-arrow-left {
	margin-top: -4px;
	margin-left: -5px;
	top: 50%;
	left: 0;
	width: 5px;
	height: 9px;
	background: url("../../img/web_icon.png?v=2015-4-29") no-repeat -27px
		-100px
}

.tip-twitter .reply {
	float: none;
	padding: 5px
}

.tip-twitter .avatars {
	display: none
}

.tip-twitter .report {
	display: none
}

html>body tip-twitter .reply {
	width: auto
}

.fixed-ads-offset-top {
	_margin-top: -240px
}

.fixed-ads-offset-bottom {
	_margin-bottom: 220px
}

.absolute-ads {
	position: absolute;
	right: 10px;
	z-index: 300;
	bottom: 10px;
	_margin-top: 0;
	_top: auto !important;
	_right: 10px;
	_bottom: 10px
}

#sidebar {
	width: 300px
}

.float-nav {
	display: block;
	position: fixed;
	z-index: 1001;
	bottom: 20px;
	right: 0;
	font-size: 12px;
	text-align: center
}

.float-nav-feedback,.float-nav-backtop {
	display: block;
	padding: 10px 15px;
	background: #fff;
	margin: 0 0 1px 0
}

.float-nav-feedback-icon,.float-nav-backtop-icon {
	display: block;
	width: 31px;
	height: 25px;
	margin: 0 0 5px
}

.float-nav-feedback-icon {
	background: transparent
		url("../../../images/v2/backfeed.png?v=2015-4-29") no-repeat scroll
		left center
}

.float-nav-backtop-icon {
	background: transparent
		url("../../../images/v2/backtop.png?v=2015-4-29") no-repeat scroll
		left center
}

.tips-box {
	width: 700px;
	margin: 10px auto;
	padding: 40px;
	text-align: center;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}

.tips-box button {
	font-size: 14px;
	margin: 10px 0 0;
	padding: .9em 1.5em
}

.animated {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@
-webkit-keyframes spinlist { 0%{
	-webkit-transform: rotate(0deg)
}

100%{
-webkit-transform


:rotate(360deg)


}
}
@
-webkit-keyframes fadeInUp { 0%{
	opacity: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px)
}

100%{
opacity


:


1;
-webkit-transform


:translateY(0)


;
transform


:translateY(0)


}
}
@
keyframes fadeInUp { 0%{
	opacity: 0;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px)
}

100%{
opacity


:


1;
-webkit-transform


:translateY(0)


;
-ms-transform


:translateY(0)


;
transform


:translateY(0)


}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@
-webkit-keyframes shake { 0%,100%{
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

10%,30%,50%,70%,90%{
-webkit-transform


:translateX(-10px)


;
transform


:translateX(-10px)


}
20%,40%,60%,80%{
-webkit-transform


:translateX(10px)


;
transform


:translateX(10px)


}
}
@
keyframes shake { 0%,100%{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

10%,30%,50%,70%,90%{
-webkit-transform


:translateX(-10px)


;
-ms-transform


:translateX(-10px)


;
transform


:translateX(-10px)


}
20%,40%,60%,80%{
-webkit-transform


:translateX(10px)


;
-ms-transform


:translateX(10px)


;
transform


:translateX(10px)


}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}

@
-webkit-keyframes fadeOutUp { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity


:


0;
-webkit-transform


:translateY(-20px)


;
transform


:translateY(-20px)


}
}
@
keyframes fadeOutUp { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity


:


0;
-webkit-transform


:translateY(-20px)


;
-ms-transform


:translateY(-20px)


;
transform


:translateY(-20px)


}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

.recom {
	width: 640px;
	padding: 14px 0 0 0;
	background-color: #fff
}

.recom a {
	color: #6a5c4e
}

.recom a:hover {
	color: #000
}

.recom .item {
	float: left;
	margin-left: 11px;
	margin-bottom: 15px
}

.recom .item span {
	display: block;
	width: 146px;
	height: 116px;
	overflow: hidden;
	margin: 0 0 4px 0
}

.recom img {
	width: 146px
}

.recom p {
	padding: 4px 0 0;
	text-align: center;
	font-size: 12px;
	height: 15px;
	width: 146px;
	overflow: hidden
}

.recom .item {
	overflow: hidden
}

.recom img {
	background-color: #e3e1de
}

.box2{
    background-color: white;
    margin-bottom: 20px;
    overflow: hidden;
    padding:20px 0 ;
}
.box2 table{
    width: 100%;
}
.box2 a{
    color: black;
    text-decoration: none;
}
.box2 a:hover{
    color: #2fae85;
    text-decoration: none;
}

.box2 tr td {
	padding:10px 10px ;	
}

.box2 tr td p{
	margin:0 auto ;
}

.box2 img{
    width: 100%;
    border-radius: 50%;
}

.fatie{
    background-color: #ff6764;
    height: 62px;
}
.fatie h2{
    margin: 0px;
    line-height: 62px;
    color: white;
}
.fatie span{
    margin-right: 5%;
}

.fatie:hover{
    background-color:#fb4e4b;
}

.box2_title h2{
	font-size:20px;
	color:#ff6764;
}